<!--04-html-text-val函数.html-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>html-text-val函数</title>
    <script type="text/javascript" src="jquery-1.7.2.js"></script>
    <script type="text/javascript">
        $(function () {
            var htmlcontent = $("div").html();   // 获取
            alert(htmlcontent);  // div标签独占一行<span>span标签</span>

            // $("div").html("<h1>更改为了标题标签</h1>")  // 设置

            var texts = $("div").text(); // div标签独占一行span标签
            alert(texts);

            $("div").text("<h1>更改为了标题标签</h1>"); // 在body中添加了文本内容： <h1>更改为了标题标签</h1>，注意不是标签对象

            $("button").click(function () {
                var val = $("input").val();     // 获取
                alert(val);
                $("input").val("ylaihui"); // 设置
            })
        })

    </script>
</head>
<body>
    <div>div标签独占一行<span>span标签</span></div>
    <input type="text">
    <button>输入姓名</button>
</body>
</html>